<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2023-07-21
  Time: 20:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>Photo Website</title>
    <link rel="stylesheet" type="text/css" href="css/hire_ui_styles.css">
</head>
<body>
<!-- Search box, Search button, Address buttons, and Dropdowns -->
<div class="search-container">
    <input type="text" id="search" placeholder="Search photos...">
    <button id="searchBtn">Search</button>

    <!-- Buttons to choose address -->
    <div class="address-buttons">
        <button>Address 1</button>
        <button>Address 2</button>
        <button>Address 3</button>
        <button>Address 4</button> <!-- Add more buttons as needed -->
    </div>

    <!-- Dropdowns -->
    <div class="dropdowns">
        <select id="dropdown1">
            <option value="">Select Option 1</option>
            <option value="option1">Option 1</option>
            <option value="option2">Option 2</option>
            <option value="option3">Option 3</option> <!-- Add more options as needed -->
        </select>
        <select id="dropdown2">
            <option value="">Select Option 2</option>
            <option value="option1">Option 1</option>
            <option value="option2">Option 2</option>
            <option value="option3">Option 3</option> <!-- Add more options as needed -->
        </select>
        <select id="dropdown3"> <!-- Add another dropdown -->
            <option value="">Select Option 3</option>
            <option value="option1">Option 1</option>
            <option value="option2">Option 2</option>
            <option value="option3">Option 3</option>
        </select>
    </div>
</div>

<div class="container">
    <!-- Content for company 1 -->
    <a href="index.jsp" class="company-container">
        <h2>Company 1</h2>
        <ul>
            <li>Job 1</li>
            <li>Job 2</li>
            <li>Job 3</li>
            <!-- Add more job listings as needed -->
        </ul>
    </a>

    <!-- Content for company 2 -->
    <a href="index.jsp" class="company-container">
        <h2>Company 2</h2>
        <ul>
            <li>Job 1</li>
            <li>Job 2</li>
            <!-- Add more job listings as needed -->
        </ul>
    </a>
    <!-- Add more company containers as needed -->
</div>

<script src="scripts.js"></script>
</body>
</html>

